<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:comp="http://java.sun.com/jsf/composite/comp"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:body>
        <!-- esta página utiliza como template o tema "template.xhtml" -->
        <ui:composition template="template.xhtml">
            <!-- O titulo desta página é "Atividades de pesquisa" -->
            <ui:param name="titulo" value="Atividades de pesquisa" />
            <!-- O que foi informado como "conteúdo" no template deve ser preenchido com isto: -->
            <ui:define name="conteudo">
                <div class="titulo">
                    <img src="imgs_layout/img_natureza.gif" width="65" height="60" alt="" class="titulo_img" />
                    <h1>Atividades</h1>
                    <span>Gerencie as atividades de seu grupo</span>
                </div>
                <h:form prependId="false">
                    <p style="margin-bottom: 50px; margin-top: 20px" align="center">
                
                        Selecione o período que deseja visualizar as atividades: 
                        <br></br>
                    <p:calendar id="data_inicio" value="#{AtividadesController.inicio}" 
                            validator="#{DateValidator.validarData}" style="margin-right:10px"
                            locale="pt_BR" showButtonPanel="true" navigator="true" required="true"
                            onSelectUpdate="data_fim" selectListener="#{AtividadesController.alterarData}"
                            pattern="dd/MM/yyyy" />
                e
                <p:calendar id="data_fim" value="#{AtividadesController.fim}"
                            validator="#{DateValidator.validarData}" style="margin-left:10px"
                            locale="pt_BR" showButtonPanel="true" navigator="true" required="true"
                            pattern="dd/MM/yyyy" />

<!--                <p:commandButton value="Alterar" ajax="false" style="margin-left: 20px" />-->
                <br></br>
                <br></br>
                <br></br>
                Clique no tipo de atividade que deseja visualizar:
                <br></br>
                <br></br>
                <p:commandButton value="Ensino" ajax="false" style="margin-left: 20px" action="ensino" />
                
                <p:commandButton value="Pesquisa" ajax="false" style="margin-left: 20px" action="pesquisa" />
                
                <p:commandButton value="Extensão" ajax="false" style="margin-left: 20px" action="extensao" />
                
            </p>        
                    
                    
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

